<script setup>
const props = defineProps({
  title: {
    type: String,
    required: true,
  },
  name: {
    type: String,
    required: true,
  },
})
function handleClickLeft() {
  uni.navigateBack()
}
</script>

<template>
  <view>
    <wd-navbar :title="props.name" left-text="" :bordered="false" left-arrow @click-left="handleClickLeft">
      <template #right>
        <view class="right">
          {{ props.title }}
        </view>
      </template>
    </wd-navbar>
  </view>
</template>

<style lang="scss" scoped>
.right {
  opacity: 0.9000000357627869;
  color: #16c2a3;
  font-family: PingFang SC;
  font-weight: medium;
  font-size: 34rpx;
  line-height: normal;
  letter-spacing: 0rpx;
  text-align: center;
}
</style>
